import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'

// Ant Design of Vue组件
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.use(Antd);

// 动画库
import 'animate.css';

// 全局过滤器
Vue.filter('setMsg',function (data,format){
  console.log(data)
  console.log(format)
  return data.replace('还活着','寄了')
})
Vue.filter('setMsg2',function (data,format){
  console.log(data)
  console.log(format)
  return data.replace('今天','明天')
})

// 全局自定义指令
Vue.directive('color',{
  bind(el,binding){
    el.style.color = binding.value
  },

//  这个元素已经渲染到界面上后执行   真实Dom
  inserted(el){
    console.log(el)
    el.focus()
  },
//   更新之后触发的元素
  update(el){
    console.log(el)
  }
})

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
